<template>
    <div class="wenhCard">
        <div class="start">
            <div class="title">
                <p class="titleP">COMPANY PROFILE</p>
                <div class="titleText">
                    <span class="workAbout">企业文化</span>
                </div>
            </div>
            <div class="text">
                <div class="before">
                    <h3 class="beforeTitle">前言</h3>
                    <p class="beforeText">珠联璧合，互利共赢</p>
                    <img src="../../assets/gong.png" alt="">
                </div>
                <div class="mainSpirit">
                    <h3 class="mainTitle">核心精神</h3>
                    <p class="mainText">共创 共赢 共知 共享 与广大企业无私共享，坚定共创事业，真心诚意地为企业服务，实现共赢</p>
                </div>
                <div class="servicsThink">
                    <h3>服务理念</h3>
                    <p>“共创模式” 即本公司作为软件服务提供商，与来自传统产业的企业或者初创公司共同组成共创团队，该团队致力于帮助企业创造价值,成为企业的专业软件技术团队，为企业带来低成本，高质量的软件服务，帮助企业获得竞争优势。</p>
                </div>
                <div class="hez">
                    <h3>合作模式</h3>
                    <ul>
                        <li>1.项目不用继续维护和迭代，可以将项目全部资料带走</li>
                        <li>2.为期提供长期，高效，高质量的维护服务和后期项目迭代。</li>
                        <li>3.当公司自己要组建技术团队时，该项目的技术研发人员可由公司全部带走。</li>
                    </ul>
                </div>
                <div class="Features">
                    <h3>特点</h3>
                    <ul>
                        <li>1.珠联璧合，互利共赢</li>
                        <li>2.所有开发资料透明，可全部带走</li>
                        <li>3.研发团队可带走。</li>
                    </ul>
                </div>
                <div class="teamCharacteristics">
                    <h3>团队特色</h3>
                    <p>本公司技术研发人员大多来自高校的在校生，他们与学校共同学习成长，有强烈的团队意识</p>
                    <ul>
                        <li v-for="(item,index) in ulImgContent" :key="index">
                            <img :src="item.imgUrl" alt="">
                            <span>{{item.text}}</span>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "wenhCard",
        data(){
            return{
                ulImgContent:[
                    {
                        imgUrl:require('../../assets/about/cur1.jpg'),
                        text:'令行禁止，恪守承诺',
                    },
                    {
                        imgUrl:require('../../assets/about/cur2.jpg'),
                        text:'实事求是，锲而不舍',
                    },
                    {
                        imgUrl:require('../../assets/about/cur3.jpg'),
                        text:'挑战自我，追求卓越',
                    },
                    {
                        imgUrl:require('../../assets/about/cur4.jpg'),
                        text:'沟通协作，创造共赢',
                    },
                    {
                        imgUrl:require('../../assets/about/cur5.jpg'),
                        text:'勇于变革，探索新知',

                    },

                ]
            }
        }
    }
</script>

<style lang="less" scoped>
.wenhCard{
    width: 100%;
    min-width: 1300px;
    box-sizing: border-box;
    background: #F6F7FC;
    padding: 10px 100px;
    color: #999999;
    .title{
        width: 100%;
        .titleP{
            text-align: center;
            font-size: 20px;
            margin-bottom: 10px;
        }
        .titleText{
            text-align: center;
            margin-bottom: 40px;
            color: black;
            .workAbout{
                display: inline;
                padding: 0 15px;
                border-left: 2px solid black;
                border-right: 2px solid black;
                font-size: 15px;
                font-weight: 600;
            }
        }
    }
    .text{
        width: 100%;
        box-sizing: border-box;
        padding: 20px 100px;
        h3{
            font-weight: 400;
            font-size: 25px;
            margin-top: 70px;
        }
        li{
            line-height: 20px;
            height: 20px;
            margin: 15px 0;
        }
        .before{
            .beforeTitle{
                margin-top: 0;
            }
            img{
                display: block;
                text-align: center;
                margin: 0 auto;
                transform: scale(1.2);
                margin-top: 30px;
            }
        }
        .teamCharacteristics{
            min-width: 1300px;
            ul{
                width: 1100px;
               display: flex;
                justify-content: space-between;
                margin-bottom: 100px;
                margin-top: 50px;
                li{
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    width: 140px;
                    img{
                        width: 110px;
                        margin: 0 auto;
                    }
                    span{
                        text-align: center;
                        font-size: 14px;
                        color: black;
                    }
                }
            }

        }

    }
}
</style>
